.gototop { display: none; animation: hide 350ms ease-out forwards 1; width: 50px; height: 50px; border: 0; text-align: center; background-color: #00BCD4; color: #fff;  transition: background-color 100ms ease-in-out; cursor: pointer; border-radius: 0px; line-height: 1; }

.gototop > span { display: inline-block; transition: transform 100ms 100ms ease-in-out; font-size: 40px; line-height: 50px; }
.gototop:hover, .gototop:focus { background-color: #00BCD4; }
.gototop:hover > span, .gototop:focus > span { transform: translateY(-2px); }
.isvisible { animation: show 350ms ease-out forwards 1; }
@keyframes hide {
	0% { opacity: 1; transform: translateY(0); }
	100% { opacity: 0; transform: translateY(100px); }
}
@keyframes show {
	0% { opacity: 0; }
	100% { opacity: 1; }
}


@media (min-width:0px) and (max-width:1200px){ 
	.gototop{ position:  fixed; bottom: 16px; right: 32px; }
}
@media (min-width:1201px){ 
	.gototop{ position: fixed; bottom: 16px; left: 50%; margin-left: 510px;   }
}